{{#each banners.banners as |banner|}}
  {{!-- Exiting state will shrink the banner alert to height 0 before it gets ultimately removed. Active is the
        basic default state of the banner alert. --}}
  <div class="banner-alert {{if banner.isExiting "banner-alert--exiting" "banner-alert--active"}} banner-alert--{{banner.type}}">
    {{fa-icon banner.iconName class="banner-alert__icon"}}
    <div class="banner-alert__content">
      {{#if banner.usePartial}}
        {{partial banner.content}}
      {{else}}
        {{banner.content}}
      {{/if}}
    </div>
    {{#if banner.isDismissable}}
      <button {{action "onDismissBanner" banner}} class="banner-alert__dismiss">
        {{fa-icon "close"}}
      </button>
    {{/if}}
  </div>
{{/each}}